.m-board{
    .yo-scroller{
        height:100%;
    }
    width:100%;
    height:auto;
    .banner{
        height:1.33rem;
        width:100%;

        dt{
            height:100%;
            width:100%;
            position: relative;
            dd{
                position: absolute;
                height:100%;
                width:100%;
                img{
                    height:100%;
                }
            }
        }
        .yo-carousel {
            height: 1.33rem;
        }
    }
    .list{
        height:1.6rem;
        width:100%;
        background: #fff;
        padding:0.1rem 0px;
        border-bottom:1px solid #eee;
        ul{
            height:100%;
            width:100%;
            @include flexbox();
            @include flex-wrap(wrap);
            li{
                width:20%;
                height:.7rem;
                a{
                    width:100%;
                    height:100%;
                    @include flexbox();
                    @include flex-direction(column);
                    @include align-items(center);
                    @include justify-content(center);
                    span{
                        display:block;
                        height:.44rem;
                        width:.44rem; 
                        
                        border-radius: 30%;
                        @include flexbox();
                        @include flex-direction(column);
                        @include align-items(center);
                        @include justify-content(center);
                        img{
                           height:60%;
                        }
                        
                    }
                    
                    p{
                        line-height:.3rem;
                        color: #7b7f82;
                        font-size:.10rem;
                        @include transform(scale(0.97));
                    }
                }
                
            }
            li:nth-child(1) span{
                background: #ffb411;
            }
            li:nth-child(2) span{
                background: #2ecdf7;
            }
            li:nth-child(3) span{
                background: #95dc5a;
            }
            li:nth-child(4) span{
                background: #8eb3f9;
            }
            li:nth-child(5) span{
                background: #fad733;
            }
            li:nth-child(6) span{
                background: #87d6da;
            }
            li:nth-child(7) span{
                background: #fad733;
            }
            li:nth-child(8) span{
                background: #2ecdf7;
            }
            li:nth-child(9) span{
                background: #fd8769;
            }
            li:nth-child(10) span{
                background: #64c58d;
            }
        }
    }
    .today{
        height:.43rem;
        width:100%;
        background:#fff;
        .todaylist{
            height:100%;
            width:100%;
            @include flexbox();
            @include align-items(center);
            @include justify-content(center);
            overflow: hidden;
            img{
                height:.28rem;
                width:.77rem;
            }
            .todaybox{
                height:100%;
                width:100%;
                overflow: hidden;
                position: relative;
                ul{
                   height:auto;
                   
                   @include flex();
                   position: absolute;
                   top:0px;
                   left:0px;
                   width:100%;
                   li{
                        height:.43rem;
                        font-size:.12rem;
                        a{
                           color:#333;
                           height:100%;
                           font-size:.12rem;
                           padding-left:0.05rem;
                           margin-top:0.04rem;
                           @include flexbox();
                           @include flex-direction(column);
                           @include justify-content(center);
                           span{
                               display:block;
                               line-height:.17rem;
                               i{
                                   display:inline-block;
                                   height:.04rem;
                                   width:.04rem;
                                   background:#ffc001;
                                   margin:0px 0.06rem;
                               }
                           }
                           p{
                               color:#999;
                               padding-left:.15rem;
                               line-height:0.17rem;
                               height:.2rem;
                               line-height:.2rem;
                               overflow: hidden;
                           }
                       }
                   } 
                }
            }
        }
    }
    .ad{
        height:.85rem;
        width:100%;
        margin-top:0.05rem;
        background: #fff;
        a{
            height:100%;
            width:100%;
            img{
                height:100%;
                width:100%;
            }
        }
        
    }
    .price{
        height:.30rem;
        width:100%;
        border-bottom:1px solid #eee;
        background: #fff;
        img{
            height:100%;
            width:100%;
        }
    }
    .price-list{
       height:4.65rem;
       width:100%; 
       background:#fff;
       ul{
           height:100%;
           width:100%;
           @include flexbox();
           @include flex-wrap(wrap);
           @include align-items(center) ;;
           li{
               height:1.55rem;
               width:33.3%;
               a{
                   height:100%;
                   width:100%;
                   @include flexbox();
                   @include flex-direction(column);
                   @include flex-direction(center);
                   border-right:1px solid #eee;
                   border-bottom:1px solid #eee;
                   div{
                       height:0.9rem;
                       width:100%;
                       text-align: center;
                       margin:.05rem 0px;
                       img{
                           height:95%;
                           width:77%;
                       }
                   }
                   
                   p{
                      font-size: .12rem;
                       color:#333;
                       height:.3rem;
                       overflow: hidden;
                       padding:0px 0.1rem;
                       line-height:.15rem;
                       &.pri{
                           line-height:.3rem;
                           color:#db4453;
                           font-size:.14rem;
                           font-family: "微软雅黑";
                           font-weight: bold;
                           span{
                               font-size:.12rem;
                               font-weight: normal;
                               margin-right:0.04rem;
                           }
                       }
                   }
               }
           }
       }
    }
    .recommend{
        height:.30rem;
        width:100%;
        background: #fff;
        border-bottom:1px solid #eee;
        img{
            height:100%;
            width:100%;
        }
    }
    .recommend-list{
        height:1.67rem;
        width:100%;
        margin:.05rem 0;
        overflow-x: auto;
        background: #fff;
        .yo-scroller{
                height:100%;
                width:100%;
            ul{
                height:100%;
                width:auto;
                white-space: nowrap;
                li{
                    display:inline-block;
                    height:100%;
                    a{
                        display:inline-block;
                        height:100%;
                        img{
                            height:100%;
                        }
                    }
                }
            }
            
        }
    }
    .life{
        height:.30rem;
        width:100%;
        background: #fff;
        border-bottom:1px solid #eee;
        img{
            height:100%;
            width:100%;
        }
    }
    .life-list{
        height:3.83rem;
        width:100%;
        background: #fff;
        ul{
            height:100%;
            width:100%;
            @include flexbox();
            @include flex-wrap(wrap);
            li{
                height:1.28rem;
                width:33.33%;
                border-bottom:1px solid #eee;
                border-right:1px solid #eee;
                a{
                    display: block;
                    height:100%;
                    width:100%;
                    img{
                        height:100%;
                        width:100%;
                    }
                }
            }
        }
    }
    .hothove{
        height:.30rem;
        
        @include flexbox();
        @include align-items(center);
        @include justify-content(space-between);
        background:#f8f8f8;
        margin-top:0.05rem;
        border-bottom:1px solid #e0e0e0;
        border-top:1px solid #e0e0e0;
        border-left:4px solid #ED5564;
        padding:0px .1rem;
        span{
            &.produs{
                font-size:.12rem;
                color:#999;
            }
        }
    }
    .hothove-list{
        height:2.10rem;
        width:100%;
        overflow-x: auto;
        background: #fff;
        .yo-scroller{
            height:100%;
            ul{
                height:100%;
                width:8.5rem;
                @include flexbox();
                @include align-items(center);
                li{
                    height:92%;
                    width:1.2rem;
                    border-right:1px solid #f0f0f0;
                    a{
                        display:block;
                        height:100%;
                        width:100%;
                        padding:0px .05rem;
                        div{
                            height:1.05rem;
                            width:90%;
                            margin:.05rem auto;
                            img{
                                height:100%;
                                width:100%;
                            }
                        }
                        p{
                            font-size:.12rem;
                            padding-left:0.1rem;
                            &.infom{
                                height:.3rem;
                                line-height:.15rem;
                                color:#777;
                            }
                            &.mark{
                                height:.26rem;
                                line-height:.26rem;
                                color:#c3c3c3;
                                span{
                                    text-decoration: line-through;
                                }
                            }
                            &.price{
                                height:.16rem;
                                line-height:.16rem;
                                font-family: "微软雅黑";
                                color:#db4453;
                               font-size:.14rem;
                               font-weight: bold;
                               border:none;
                               span{
                                   font-size:.12rem;
                                   font-weight: normal;
                                   margin-right:0.04rem;
                               }
                            }
                        }
                    }
                    
                }
                li:last-child{
                    border-right:none;
                }
            }
        }
    }
    .ad2{
        height:1.32rem;
        width:100%;
        margin-top:0.05rem;
        background:#fff;
        a{
            height:100%;
            height:100%;
            display:block;
            img{
                height:100%;
                width:100%;

            }
        }
        
    }
    .like{
        height:.30rem;
        width:100%;
        background:#fff;
        border-bottom:1px solid #f0f0f0;
        img{
            height:100%;
            height:100%;
        }
    }
    .like-list{
        
        width:100%;
        background:#fff;
        ul{
            height:100%;
            width:100%;
            @include flexbox();
            @include flex-wrap(wrap);
            li{
                width:33.33%;
                height:1.75rem;
                @include flexbox();
                @include align-items(center);
                @include justify-content(center);
                border-bottom:1px solid #f0f0f0;
                border-right:1px solid #f0f0f0;
                a{
                    color:#333;
                    display:block;
                    height:80%;
                    width:80%;
                    @include flexbox();
                    @include flex-direction(column);
                    @include align-items(center);
                    img{
                        height:.9rem;
                        width:100%;
                    }
                    span{
                        margin-top:.05rem;
                        display:block;
                        &.likeInfo{
                            height:.3rem;
                            line-height:.15rem;
                            overflow: hidden;
                            font-size: .12rem;;
                        }
                        &.likePrice{
                            height:.18rem;
                            line-height:.18rem;
                            font-size:.14rem;
                            font-family: "微软雅黑";
                            font-weight: bold;
                            border:none;
                            color:#db4453;
                            span{
                               display:inline;
                               font-size:.12rem;
                               font-weight: normal;
                               margin-right:0.04rem;
                            }
                        }
                    }
                }
            }
        }
    }
}
